﻿
/// <reference path="jquery-1.7.1.js" />

/// <reference path="jquery-1.7.1-vsdoc.js" />

/// <reference path="jquery.ketchup.js" />

/// <reference path="jquery.ketchup.helpers.js" />

/// <reference path="jquery.ui.selectmenu.js" />

/// <reference path="jquery.json-2.2.js" />
/// <reference path="hbr.js" />


(function ($) {
    $.fn.kategoriListele = function () {

        return this.each(function (key) {

            var $this = $(this);
            //var yukseklik = $(window).width() - $('.kontrolPaneli').width() -20;
            $this.html('<div id="kategorilersz" class="kolonz" style="position:relatives"> </div>');

            var ht = '<div id="ustKategori" style="width:200px;float:left;margin:4px" class="ui-widget ui-widget-content ui-corner-all"> </div>';

            ajaxCalistir({}, "yonetimFuncs.aspx/KategoriListele", function (data) {
                ekranAc();
                if (data.d == null) {
                    $this.html("<p>Listelenecek Haber Kategorisi Olmaması Beni De Çok Şaşırttı. ;) </p>");
                } else {
                    $.each(data.d, function (key, value) {
                        if (value.ustKategoriID == -1) {
                            ht = '<div id="ustKategori' + value.kategoriID + '" style="width:100%;float:left;margin-top:15px;;margin-bottom:5px;" class="ui-widget ui-widget-content ui-corner-all ">' +
                            '<div id="ustKategoriBaslik' + value.kategoriID + '" class="ui-widget ui-widget-header ui-corner-all fnt " style="width:100%;float:left;height:auto;font-size:9px">' +
                            '<span style="width:100%;margin-left:3px;float:left"><input class="ustChk" style="float:left" type="checkbox" id="chkUstKategori' + value.kategoriID + '"  name="chkUstKategori' + value.kategoriID + '"/><span style="margin-left:3px;float:left;height:20px;margin-top:6px;" class="ui-icon ui-icon-pencil"></span> <span style="margin-top:6px;float:left;  width:75%   "> ' + value.sira + ' ' + value.kategoriAdi + '</span> </span>' +
                            '</div></div>';
                            $('#kategorilersz').append(ht);
                            $('#ustKategori' + value.kategoriID + ' .ui-icon-pencil').click(function () { ustKategoriEdit(value.kategoriID, value.kategoriAdi, value.kategoriTipi, value.ozelSayfa, value.sira); }).css("cursor", "pointer").addClass("ustEdited");

                            $('#chkUstKategori' + value.kategoriID).click(function () {
                                if ($('#chkUstKategori' + value.kategoriID).attr('checked')) {
                                    $('.ustKategori' + value.kategoriID + ' .altchk').attr('checked', true);
                                } else {
                                    $('.ustKategori' + value.kategoriID + ' .altchk').attr('checked', false);
                                }
                            })

                        } else {
                            var fb = value.fbOk == 'T' ? '<span id="fbbtn' + value.kategoriID + '" class="fbbtn" style="float:left;margin-top:6px"><img width="10";height="10" src="../Styles/facebook.png" /></span>' : '';
                            var twit = value.twitOk == 'T' ? '<span id="twbtn' + value.kategoriID + '" style="float:left;margin-top:6px"  class="twbtn" ><img width="10";height="10" src="../Styles/Twitter-icon.png" /></span>' : '';
                            ht = '<div id="altKategori' + value.kategoriID + '" class="ustKategori' + value.ustKategoriID + ' fnt" style="width:100%;float:left;margin-top:3px;font-size:14px;height:1em">' +
                                 '<span style="float:left;width:100%"><span style="margin-left:5px;width:100%"><input  style="float:left" type="checkbox" class="altchk"  val="' + value.kategoriID + '" name="chkAltKategori' + value.kategoriID + '"/> ' +
                                 '<span style="margin-left:1px;float:left" class="ui-icon ui-icon-pencil"></span><span style="width:72%;float:left"><span id="spnkategori' + value.kategoriID + '"></span> ' + value.kategoriAdi + '</span></div> ';

                            $('#ustKategori' + value.ustKategoriID).after(ht);
                            $('#spnkategori' + value.kategoriID).append(fb);
                            $('#spnkategori' + value.kategoriID).append(twit);
                            $('#fbbtn' + value.kategoriID).click(function () { facebookKontrol({ id: value.kategoriID, token: value.FBtoken, fbUID: value.facebookUID }); }).css("cursor", "pointer");
                            $('#twbtn' + value.kategoriID).click(function () { twitterKontrol(value.kategoriID); }).css("cursor", "pointer");
                            $('#altKategori' + value.kategoriID + ' .ui-icon-pencil').click(function () { altKategoriEdit(value.kategoriID); }).css("cursor", "pointer").addClass("altEdited");
                        }
                    });
                }
            });
        });
    }
})(jQuery);